import style from "./index.module.scss";

const Content = ({ type, info }) => {
  return (
    <div className={`${style.user_box}`}>
      <div className={style.user_content}>
        <div className={style.left}>
          <div className={style.my_rank_name}>我的排名</div>
          <div className={style.my_rank_index}>
            {type === 2
              ? Number(info?.rank) <= 9
                ? info?.rank
                : "未上榜"
              : Number(info?.rank) <= 99
              ? info?.rank
              : "未上榜"}
          </div>
        </div>
        <div className={style.user}>
          <img src={info?.avatar} alt="" />
          <span>{info?.nickname || info?.account || "我的昵称"}</span>
        </div>
        <div className={style.right}>
          <div className={style.my_rank_desc}>
            {type === 2 ? "魅力值" : type === 3 ? "神豪值" : ""}
            {info?.showValue || 0}
          </div>
          {/* <div className={style.my_rank_num}></div> */}
        </div>
      </div>
    </div>
  );
};

export default Content;
